<template>
  <div class="rightDrawerWithoutCol">
    <a-tabs
      default-active-key="1"
      tab-position="left"
      style="height: 100%"
    >
      <a-tab-pane tab="测试车辆" key="1">
        <vehicle-config :model-id="modelId" :vehicle-type="2" :update-callback="updateCallback"/>
      </a-tab-pane>
      <a-tab-pane tab="正式车辆" key="2">
        <vehicle-config :model-id="modelId" :vehicle-type="1" :update-callback="updateCallback"/>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
  import VehicleConfig from './vehicleConfig'

  export default {
    components: {VehicleConfig},
    props: {
      modelId: {
        type: String,
        required: true
      },
      updateCallback: {
        type: Function,
        default: undefined
      }
    },
  }
</script>